<!--
 * @Author: zhw 443844039@qq.com
 * @Date: 2025-08-02 19:30:17
 * @LastEditors: zhw 443844039@qq.com
 * @LastEditTime: 2025-08-11 20:44:48
 * @Description: 工作台主页面
-->
<template>
  <div class="workbench-container">
    <!-- 头部组件 -->
    <TheHeader />
    <!-- 功能卡片组件 -->
    <TheMyFunction />

    <div class="dashboard-grid">
      <!-- 教学日历组件 -->
      <el-card class="dashboard-card">
        <TheTeachingCalendar/>
      </el-card>
      
      <!-- 学校公告组件 -->
      <el-card class="dashboard-card">
        <TheAnnouncement/>
      </el-card>
      
      <!-- 科研进度组件 -->
      <el-card class="dashboard-card">
        <TheResearchProgress/>
      </el-card>
      
      <!-- 教研进度组件 -->
      <el-card class="dashboard-card">
        <TheTeachingResearchProgress/>
      </el-card>
      
      <!-- 教学进度组件 -->
      <el-card class="dashboard-card">
        <TheTeachingProgress/>
      </el-card>
      
      <!-- 我的评价组件 -->
      <el-card class="dashboard-card">
        <TheMyEvaluation/>
      </el-card>
    </div>
  </div>
</template>

<script>
import TheHeader from './TheHeader.vue'
import TheMyFunction from './TheMyFunction.vue'
import TheResearchProgress from './TheResearchProgress.vue'
import TheTeachingCalendar from './TheTeachingCalendar.vue'
import TheAnnouncement from './TheAnnouncement.vue'
import TheTeachingResearchProgress from './TheTeachingResearchProgress.vue'
import TheTeachingProgress from './TheTeachingProgress.vue'
import TheMyEvaluation from './TheMyEvaluation.vue'
export default {
  name: 'Workbench',
  components: {
    TheHeader,
    TheMyFunction,
    TheResearchProgress,
    TheTeachingCalendar,
    TheAnnouncement,
    TheTeachingResearchProgress,
    TheTeachingProgress,
    TheMyEvaluation
  },
  data() {
    return {
      // 主页面相关数据可在此定义
    }
  }
}
</script>

<style scoped>
.workbench-container {
  padding: 12px;
  box-sizing: border-box;
}
.dashboard-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
}
</style>
